
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>About</title>
  </head>
  <body>
    <div class="wrapper">
      <style>
        html,body{overflow:hidden;margin:0}body{font-family:'Open Sans','Helvetica Neue','Hiragino Sans GB','LiHei Pro',Arial,sans-serif;color:#333}#wrapper{position:absolute;left:0;width:320px;text-align:center;top:50%;left:50%;margin-left:-160px;margin-top:-160px;-webkit-user-select:none;-moz-user-select:none;user-select:none}h1{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:9px;text-transform:uppercase;margin:12px 0;left:4px}h1{position:relative}p{font-size:14px;line-height:2em;margin:0;letter-spacing:2px}canvas{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}a{color:#999;text-decoration:none;transition:color .2s ease}a:hover{color:#f33}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::selection{background-color:#222;color:#f9f9f9}figure{margin-left:0}html{background-color:#fff;min-height:100%}body{max-width:700px;padding:0 20px;font:400 16px/1.7 "Microsoft JhengHei",sans-serif;color:#444;margin:0 auto;overflow-x:hidden}textarea:focus,input:focus{box-shadow:none;outline:0}a{color:#111;word-wrap:break-word;-moz-text-decoration-color:rgba(0,0,0,.4);text-decoration-color:rgba(0,0,0,.4)}.head{margin-top:40px;margin-bottom:60px;position:relative}.head_title{display:none}.head_nav{display:inline-block;margin-left:43px}.head_ul{list-style:none;padding:0;margin:0}.menu-item{display:inline-block;height:26px;line-height:26px}.menu-item span{padding:0 10px}.head_nav-item:last-child:after{padding:0;content:""}.head_nav-item a{color:#535353;text-decoration:underline;display:inline-block;line-height:28px}.head_nav-item a:hover{color:#222;border-color:#8cc1e0}.head_logo{border-radius:1.3rem;display:inline-block;width:26px;height:26px;color:#fff;vertical-align:top;position:absolute;top:0;left:0}.head_logo img{border-radius:13px}.archive_list li{line-height:30px;margin-bottom:2px}.archive_year{color:#999;font-family:"Microsoft JhengHei",sans-serif}.archive_time{color:#666;font-family:"Microsoft JhengHei",sans-serif;font-size:14px}.post_title{font-size:30px;margin-bottom:60px}.post_meta{font-size:14px;color:#777;line-height:2em;padding-bottom:20px}.wrapper{font-size:18px;text-align:justify}.mod_tag a{text-decoration:none;color:#777;margin-right:10px}.mod_tag a:before{content:'#';color:#999}.wrapper p{margin-top:0;margin-bottom:20px;word-break:break-all}.wrapper strong{color:#000;font-weight:600}.wrapper img{max-width:100%;height:auto}.wrapper h2{font-size:22px}.wrapper h3{font-size:19px}.footer{margin-top:50px;padding-bottom:10px;color:#888;font-size:13px}.footer a{color:#888}.highlight pre{margin:1.64em 0;border:0;padding:9px 12px;overflow:auto;line-height:1.8;font-size:14px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;color:#65737e;background-color:#eff1f5;border-radius:4px}blockquote{background:#f9f9f9 url(images/y.png) no-repeat 10px 10px;padding:30px 30px 10px 30px;margin:20px 0 20px 0;font-size:16px}.linksul li{color:#999;font-size:16px;font-style:normal;line-height:40px}.linksul a{margin-right:5px}.linksul h2{color:#444}.linkcat{list-style:none}.posts-nav span{font-size:14px;color:#777}.posts-nav a{font-size:14px;color:#777}.posts-nav{font-size:20px;color:#000;padding-top:20px}.posts-nav .page-numbers{display:inline-block;text-align:center;width:20px;line-height:20px}.posts-nav .page-numbers.dots{border-color:rgba(0,0,0,0)}.panel{overflow-y:scroll;display:none;width:200px;color:#fff;background:#23282d}.panel li{list-style:none;width:100%;float:left;height:48px;line-height:48px;display:block;text-indent:24px}.panel li a{color:#a5a5a5;font-size:14px;text-decoration:blink;border-bottom:1px solid #2e3339;display:block}.yhead{padding:0;margin:0}.wzulli ul{font-size:14px;background:#f9f9f9;padding:20px 10px 10px 40px}.wzulli ul li{padding-bottom:10px}.wzulli ol{background:#48484a;padding:30px 30px 20px 30px;margin-bottom:30px;list-style:none}.wzulli ol li{word-break:break-all;line-height:14px;padding-bottom:14px;word-wrap:break-word;color:#fff;font-size:14px}.wzulli hr{height:1px;border-width:0;color:#d8d8d8;background-color:#d8d8d8}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.post,.archive{animation:fade-in;animation-duration:1s;-webkit-animation:fade-in 1s}.comment{animation:fade-in;animation-duration:3s;-webkit-animation:fade-in 3s}.up{width:30px;height:30px;background:#e8e6e6;border-bottom:2px solid #c3c3c3;text-align:center;color:#949393}.up:before{content:"âˆ§";line-height:28px}.up:hover{background:#FFF}.rightnavh3{color:#fff;font-size:1.9em;padding:20px;margin:0;font-weight:300;background:#000}.nocomments{margin-top:50px;font-size:12px;color:#b1b1b1;background:#fbfbfb;padding:5px 20px}.zjgx{color:#fff;position:absolute;background:#f00;font-size:12px;height:18px;width:18px;line-height:18px;text-align:center;top:-9px;right:-9px;border-radius:9px}.sxwk{list-style-type:none;padding:20px 0;border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2}.sxwk li{width:100%}.wrapper>a {font-size: 12px;color: #999;position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;}.wrapper>a:hover {color: #f33;}
      </style>
      <header class="head">
        <h1 class="head_title">
          <a href="/">AWebMan</a>
        </h1>
        <div class="head_logo">
          <a href="/">
            <img
              class="avatar"
              src="http://awebman.cn/images/pic2016051107.jpg"
              alt=""
              width="26"
              height="26"
            />
          </a>
        </div>
        <nav class="head_nav">
          <ul class="head_ul">
            <li
              class="menu-item"
            >
              <a href="//awebman.cn/">所有文章</a><span>·</span>
            </li>
            <li
              class="menu-item"
            >
              <a target="_blank" href="https://crackerme.github.io/">博客</a
              >
            </li>
          </ul>
        </nav>
        <div id="right-panel" class="panel">
          <h3 class="rightnavh3">Menu</h3>
          <ul class="yhead">
            <li
              class="menu-item"
            >
              <a href="//awebman.com/">个人站点</a>
            </li>
            <li
              class="menu-item"
            >
              <a target="_blank" href="https://crackerme.github.io/">博客</a>
            </li>
          </ul>
        </div>
      </header>
      <div id="wrapper">
        <h1>AppleSun</h1>
        <p><a href="https://crackerme.github.io/" target="_blank">Blog</a></p>
        <p><a href="https://github.com/CracKerMe" target="_blank">Github</a></p>
        <p><a href="http://awebman.com/" target="_blank">Develop-tools</a></p>
        <p><a href="http://www.awebman.cn/" target="_blank">HomePage</a></p>
      </div>
      <canvas></canvas>
      <a href="http://www.miitbeian.gov.cn" target="_blank">苏ICP备15009441号-2</a>
      <script>
        document.addEventListener("touchmove",function(a){a.preventDefault()});var c=document.getElementsByTagName("canvas")[0],x=c.getContext("2d"),pr=window.devicePixelRatio||1,w=window.innerWidth,h=window.innerHeight,f=90,q,m=Math,r=0,u=m.PI*2,v=m.cos,z=m.random;c.width=w*pr;c.height=h*pr;x.scale(pr,pr);x.globalAlpha=0.6;function i(){x.clearRect(0,0,w,h);q=[{x:0,y:h*0.7+f},{x:0,y:h*0.7-f}];while(q[1].x<w+f){d(q[0],q[1])}}function d(e,b){x.beginPath();x.moveTo(e.x,e.y);x.lineTo(b.x,b.y);var a=b.x+(z()*2-0.25)*f,g=y(b.y);x.lineTo(a,g);x.closePath();r-=u/-50;x.fillStyle="#"+(v(r)*127+128<<16|v(r+u/3)*127+128<<8|v(r+u/3*2)*127+128).toString(16);x.fill();q[0]=q[1];q[1]={x:a,y:g}}function y(b){var a=b+(z()*2-1.1)*f;return(a>h||a<0)?y(b):a}document.onclick=i;document.ontouchstart=i;i();
      </script>
    </div>
  </body>
</html>
